<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>表单</title>
</head>
<body>
	<form action="target.html">
		<!-- readonly 将表单项设置为只读，数据会提交 
			disabled  将表单项设置为只读，数据不会提交
			autofocus 自动对焦
		-->
		<!-- text :文本框-->
		用户名<input type="text" name="username" value="cyber" readonly><br><br>
		密&nbsp;&nbsp;&nbsp;码<input type="password" name="password" autofocus><br><br>

		单选按钮：<input type="radio" name="hallo" value="a">
				<input type="radio" name="hallo" value="b" checked><br><br>

		多选框：<input type="checkbox" name="test" value="1">
		<input type="checkbox" name="test" value="2">
		<input type="checkbox" name="test" value="3"><br><br>

		下拉框：
		<select class="select1">
			<option value="1">第一项</option>
			<option value="2">第二项</option>
			<option value="3">第三项</option>
			<option value="4">第四项</option>
		</select><br><br>
		<!-- submit  配合表单提交 -->
		<input type="submit" value="提交">&nbsp;&nbsp;&nbsp;
		<!-- buttom:普通按钮 -->
		<input type="button" value="按钮">&nbsp;&nbsp;&nbsp;
		<!-- reset:重置按钮 -->
		<input type="reset">


		<br><br>
		<button type="submit">提交</button>&nbsp;&nbsp;&nbsp;
		<button type="button">按钮</button>&nbsp;&nbsp;&nbsp;
		<button type="reset">重置</button>
	</form>
</body>
</html>